<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div>
        <input type="checkbox" name="aa" value="0" />0
        <input type="checkbox" name=" aa " value="1" />1
        <input type="checkbox" name=" aa " value="2" />2
        <input type="checkbox" name=" aa " value="3" />3
        <input type="button" onclick="abc()" value="提 交" />
        <div id="allselect"></div>
    </div>

    <div>
        <form name="a">
            <select name="a" size="1" onchange="_sel(getOptionVal())">
                <option value="a">1</option>
                <option value="b">2</option>
                <option value="c">3</option>
            </select>
        </form>
    </div>

    <div>
        用户名：<input type="text" id="username" /><br />
        密 码：<input type="password" id="password" /><br />
        确认密码：<input type="password" id="password1" /><br />
        <button id="btnSubmit" type="button">提交</button><br />
    </div>

    <table>
        <tr>
            <td>留言</td>
            <td id="number"> 0 </td>
        </tr>
        <tr>
            <td colspan=2>
                <textarea id="feedBack" onkeyup="test()" rows=6></textarea>
            </td>
        </tr>
    </table>

    <script src="./js/jquery-3.6.0.js"></script>
    <script src="js/base.js"></script>
    <script>
        // （1）当多行文本框中的字符数超过20个，只截取20个字符
        // （2）在id为number的td中显示文本框的字符个数


        // function test() {
        //     var fee = $('#feedBack')
        //     var text = fee[0].value;

        //     if (text.length > 20) {
        //         text = text.substring(0,20);
        //     }

        //     var len = $('#number');
        //     len[0].textContent = text.length;
        // }

        // $('button').on('click', function () {
        //     var name = $('#username');
        //     var pwd = $('#password');

        //     if (name === null || name.length === 0) {
        //         alert('用户名不能为空');
        //     };
        //     if (pwd[0].value.length < 6) {
        //         alert('你输入的密码长度不可以少于6位');
        //     };
        // })


        // function _sel() {
        //     var sel = $('form select');
        //     var sel2 = $('form select option');
        //     console.log(sel.val());
        //     if (sel.val() === 'a') {
        //         console.log(sel2[0].textContent);
        //     } else if (sel.val() === 'b') {
        //         console.log(sel2[1].textContent);
        //     } else if (sel.val() === 'c') {
        //         console.log(sel2[2].textContent);
        //     }
        // }

        // function abc(){
        //     var input = $('input') //获取标签
        //     console.log(input);
        //     var arr = [];
        //     for (let i = 0; i < input.length; i++) {
        //         if(input[i].checked === true){
        //             arr.push(input[i].value)
        //         } 
        //     }
        // }
    </script>
</body>

</html>